<template>
  <div class="ShareApp">
    <van-nav-bar
        title="分享APP"
        left-text=""
        left-arrow
        @click-left="$router.push('/Setting')"
    />

    <van-cell title="分享APP给好友" @click="showShare = true"/>
    <van-share-sheet
        v-model="showShare"
        title="立即分享给好友"
        :options="options"
        @select="onSelect"
    />
  </div>
</template>

<script>
export default {
  name: "ShareApp",
  data() {
    return {
      showShare: false,
      options: [
        [
          {name: '微信', icon: 'wechat'},
          {name: '朋友圈', icon: 'wechat-moments'},
          {name: '微博', icon: 'weibo'},
          {name: 'QQ', icon: 'qq'},
        ],
        [
          {name: '复制链接', icon: 'link'},
          {name: '分享海报', icon: 'poster'},
          {name: '二维码', icon: 'qrcode'},
          {name: '小程序码', icon: 'weapp-qrcode'},
        ],
      ],
    };
  },
  methods: {}
}
</script>

<style>

</style>
